@import "./common";

body {
    overflow: hidden;
    position: relative;

    .container {
        width      : vw(590);
        margin     : 0 auto;
        padding-top: vw(215);

        .title {
            height         : vw(29);
            display        : flex;
            justify-content: space-between;
            color          : #0075c1;
            font-weight    : bold;

            .left {
                height        : vw(29);
                line-height   : vw(42);
                letter-spacing: 0;
            }
        }

        .section {
            margin-top: vw(80);
            height    : vw(900);
            overflow  : scroll;

            .content {
                width           : vw(590);
                height          : vw(380);
                text-align      : center;
                margin-top      : vw(60);
                box-shadow      : 0 vw(4) vw(13) vw(5) rgba(0, 0, 0, 0.3);
                border-radius   : vw(10);
                background-color: rgba(255, 255, 255, 0.8);

                .show-qrCode {
                    position: relative;
                    width   : 100%;
                    height  : 100%;

                    .overBox {
                        display   : inline-block;
                        text-align: left;
                        padding   : vw(60) 0;

                        div {
                            margin-top: vw(30);
                        }
                    }

                    .code {
                        position: absolute;
                        right   : vw(20);
                        bottom  : vw(20);
                        color   : red;
                    }
                }

            }
        }
    }

    .coverBox {
        position        : absolute;
        top             : 0;
        left            : -100%;
        width           : 100%;
        height          : 100%;
        text-align      : center;
        background-color: rgba(0, 0, 0, 0.4);
        transition      : all 0.5s;

        .picture {
            position : absolute;
            top      : 50%;
            left     : 50%;
            transform: translate(-50%, -50%);
            display  : inline-block;
        }
    }
}